.C00 {
  color: #000 !important;
}
/* tab */
.tabs {
  position: fixed;
  top: 0;
  left: 0;
  height: 100upx;
  width: 100%;
  background: #fff;
  z-index: 99;
}
.tab__top--div {
  background: #ffffff;
  display: flex;
  justify-content: space-between;

  align-items: center;
}

.tab__top--div .item {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 100rpx;
  line-height: 100rpx;
}

.tab__top--div div {
  font-size: 28rpx;
  font-weight: 500;
  color: #333;
  transition: all 0.45s;
  line-height: 100rpx;
}

.tab__top--div div.curr {
  color: #37af71;
  &::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 30upx;
    height: 6upx;
    margin: 0 auto;
    left: 0;
    right: 0;
    background: #37af71;
    border-radius: 10upx;
  }
}

.tab__top--div div:last-child {
  margin-right: 0 !important;
}
.page-content {
  margin: 30upx;
  overflow: hidden;
}
.point {
  position: relative;
  height: 96upx;
  .point-bg {
    height: 96upx;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .point-info {
    position: relative;
    left: 168upx;
    top: 0;
    height: 96upx;
    line-height: 96upx;
    color: #fff;
  }
}
.head-img {
  width: 110upx;
  height: 110upx;
  border-radius: 50%;
}
.grid {
  display: flex;
  flex-wrap: wrap;

  .grid-item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;

    .grid-icon {
      width: 112upx;
      height: 112upx;
    }
    .grid-icon1 {
      width: 70upx;
      height: 106upx;
    }

    .grid-text {
      font-family: "PingFang SC", "苹方-简", "Microsoft YaHei", Arial,
        sans-serif;
      text-align: center;
      color: rgba(0, 0, 0, 0.85);
      font-size: 12px;
      line-height: 12px;
    }
  }
}
.grid1 {
  .grid-item {
    width: 20%;
  }
}
.function-box {
  background: #fff;
  border-radius: 16upx;
  padding: 28upx 18upx;
}
.font-weight {
  font-weight: bold;
}
.serve {
  display: flex;
  flex-wrap: wrap;
  background: #fff;
  padding: 20upx;
  .item {
    width: 50%;
    line-height: 90upx;
    padding: 0 20upx;
    &:nth-child(1) {
      border-bottom: 1px solid #dddddd;
      border-right: 1px solid #dddddd;
    }
    &:nth-child(2) {
      border-bottom: 1px solid #dddddd;
    }
    &:nth-child(3) {
      border-right: 1px solid #dddddd;
    }
  }
}
.orderImg {
  width: 312upx;
  height: 172upx;
  padding: 6upx;
  border: 1px solid #ddd;
  border-radius: 8upx;
}
.priceBottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.pageIcon {
  position: absolute;
  right: 20upx;
  top: -6px;
  color: #67eaa6;
}
.orderPrice {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.bor-f {
  border: 1px solid #fff;
}
.signCur {
  border-color: #37af71 !important;
  background: #effff6 !important;
}
.uploadBtn {
  width: 100%;
  height: 150upx;
  background: #f7f7f7;
}
.contract {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .downContract {
    width: 70%;
    height: 70upx;
    line-height: 70upx;
    text-align: center;
    border: 1px solid #00c86a;
    border-radius: 100upx;
  }
}
.resume-box {
  .resume-title {
    min-width: 180upx;
  }

  .form-cnt {
    width: calc(100% - 200upx);
  }

  .form-cnt1 {
    width: calc(100% - 80upx);
  }

  .resume-input {
    width: calc(100% - 200upx);

    input {
      width: 100%;
      height: 50upx;
      line-height: 50upx;
    }
  }
}
//订单 支付 详情
.event-item {
  .box {
    padding: 0 !important;
    & > view {
      position: relative;
      color: #818384;
    }
    .dot {
      border-radius: 50%;
      width: 6rpx;
      height: 6rpx;
      background-color: #818384;
      margin-top: 17rpx;
    }
    .text {
      line-height: 40rpx;
      margin-left: 16rpx;
      width: calc(100% - 20rpx);
    }
  }
  .line {
    width: 100%;
    margin: 0 auto;
    height: 2upx;
    background-color: #f5f7fa;
  }
  .houseImg {
    width: 120rpx;
    height: 80rpx;
    border-radius: 16rpx;
  }
  .event-tit {
    width: calc(100% - 136rpx);
  }

  .privacyBox {
    height: 50rpx;
    padding: 0 16rpx;
    background: #fefbf7;
    color: #d16c39;
    border: 1px solid #ece9e7;
    border-radius: 100rpx;
  }
  .icon-people {
    width: 50rpx;
    height: 50rpx;
    background: #f7f7f7;
    border-radius: 50%;
  }
  .event-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 60upx;

    // border-bottom: #F2F6FC solid 1upx;
  }
  .event-content {
    padding: 16upx 0upx;
    .text-list {
      font-size: 26rpx;
      color: #727375;
      line-height: 46rpx;
      .text {
        line-height: 46rpx !important;
      }
      .dot {
        margin-top: 20rpx !important;
      }
    }
  }

  .itemleftright {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 20upx;
    height: 114upx;
    .left {
      color: #303133;
      font-size: 30upx;
    }
    .right {
      .text-cut {
        max-width: 380rpx;
      }
      margin-left: auto;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      input {
        height: 72upx;
        text-align: right;
      }
    }
  }
}

.textAreaRefund {
  width: 100%;
  height: 200upx;
}
.uplodImg {
  width: 150upx;
  height: 150upx;
  image {
    width: 100%;
    height: 100%;
  }
}
